<template>
    <div>
        test
        {{$attrs}}
        <!-- <Test1 v-bind:c="$attrs.c"></Test1> -->
        <!-- <Test1 v-bind="{aa:1,bb:2}"></Test1> -->
        <!-- 将所有属性都传递给子组件 -->
        <!-- <Test1 v-bind="$attrs"></Test1> -->

        <!-- <Test1 @click="fn1"></Test1> -->
        <Test1 v-on="$listeners" v-bind="$attrs"></Test1>
    </div>
</template>
<script>
import Test1 from './test1'
// 这个组件只是过渡的 它不需要使用这些属性
// 如果在props里用了，attr里就会减少
// $attrs是响应式的，父级变了，数据也会更新
export default {
    name:'test',
    inheritAttrs:false,//属性不增加到dom上（div标签上没有c="3" d="4"）
    props:['a','b'],
    components:{
        Test1
    },
    methods:{
        fn1(){
            console.log('fn1')
        }
    }
}
</script>
